
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1"/>
    <title>咕噜橙 | 用户资料</title>
    <meta name="keywords" content="HTML5,全屏响应式,个人求职简历,网页模板" />
    <meta name="description" content="HTML5全屏响应式个人求职简历网页模板下载。HTML5简单的个人简历介绍单页模板、响应式的个人作品展示网站模板下载。使用最新HTML5+CSS3技术，采用响应式布局设计，自适应手机移动端，用户体验友好。" />
    <meta name="author" content="js代码(www.jsdaima.com)" />
    <meta name="copyright" content="js代码(www.jsdaima.com)" />
    <meta name="theme-color" content="#ffc91d"/>

    <link href="css/user/kico.css" rel="stylesheet" type="text/css"/>
    <link href="css/user/moreduo.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <style>
        .modal-content{
            top:100px !important;
        }
    </style>


</head>
<body>


<aside class="sidebar">
    <div class="avatar">
        <!--<img id="img" src="images/weChat.jpg"  title="我是你的头像" />-->
    </div>
    <div class="headChange">
        <div class="headPortraitChange">
            <input id="avatarChange" type="file" onchange="imgChange(event)" accept=".gif,.jpeg,.jpg,.png" >
            <a>更改头像</a>
        </div>
    </div>
    <nav class="nav" id="navigation">

        <a href="#info">个人资料</a>


    </nav>
</aside>
<main>
    <section id="info">
        <div class="wrap">
            <h2 class="title">个人资料</h2>
            <div class="row">
                <div class="col-l-4" id="part1">
                    <!--<p>姓名：js代码</p>-->
                    <!--<p>性别：男</p>-->
                    <!--<p>年龄：18</p>-->
                    <!--<p>英文名：jsdaima</p>-->
                    <!--<p>学历：博士后</p>-->
                </div>
                <div class="col-l-4" id="part2">
                    <!--<p>QQ：123456789</p>-->
                    <!--<p>GitHub：<a href="https://github.com">jsdaima</a></p>-->
                    <!--<p>博客：<a href="http://www.jsdaima.com">http://www.jsdaima.com</a></p>-->
                    <!--<p>邮箱：<a href="mailto:123456789@qq.com">123456789@qq.com</a></p>-->
                </div>

            </div>
        </div>
    </section>
    <!--修改信息模态框-->
    <div class="modal fade" id="change">
        <div class="modal-dialog">
            <div class="modal-content">

                <!-- 模态框主体 -->
                <div class="modal-body">
                    <center>
                        <form action="#">
                            新的昵称：<input id="nickname" type="text" >
                            <button id="changeNickname" type="button" class="btn btn-secondary" data-dismiss="modal">改名换姓</button>
                            <!--新的头像：<input id="avatar" type="file" style=" padding: 0.7em;width: 200px;" onchange="imgChange(event)">-->
                             <!--<button id="changeAvatar" type="button" class="btn btn-secondary" >改头换面</button>-->
                        </form>
                    </center>
                </div>

                <!-- 模态框底部 -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                </div>

            </div>
        </div>
    </div>

    <footer >
        <p>© 2018 咕噜橙|<a href="http://http://www.miitbeian.gov.cn/" target="_blank" >蜀ICP备18023001号-1</a>.</p>
    </footer>
</main>

<script src="js/user/kico.js"></script>
<!--<script src="js/user/moreduo.js"></script>-->

</body>
</html>